const path = require('path')
const resolve = dir => path.resolve(__dirname, dir)
module.exports = {
  publicPath: process.env.BASE_URL,
  chainWebpack: (config) => {
    // 其实@是默认配置的
    config.resolve.alias
      .set('@', resolve('src'))
    config.plugin('html')
      .tap(args => {
        args[0].title= '好店店管理系统'
        return args
      })
  },
  configureWebpack: () => {
    if (process.env.NODE_ENV === 'production') {
      // 为生产环境修改配置...
      console.log('-----生产环境配置')
    } else if (process.env.NODE_ENV === 'development') {
      // 为开发环境修改配置...
      console.log('-----开发环境配置')
    } else if (process.env.NODE_ENV === 'testing') {
      // 为测试环境修改配置...
      console.log('-----测试环境配置')
    }
  },
  css: {
    loaderOptions: {
      // 配置scss全局引入
      sass: {
        prependData: `
          @import "@/assets/css/variables.scss";
        `
      },
      less: {
        // 若使用 less-loader@5，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 直接覆盖变量
            'blue': 'rgb(111,206,183)',
            'text-link-color': 'rgb(111,206,183)'
          },
        },
      }
    }
  },
  devServer: {
    port: 8083,
    open: true,
    https: false,
    proxy: {
      '^/api': {
        target: 'https://shop.ldy.show/api',
        // target: 'http://localhost:8080/shop',
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}
